<template>
    <div>

        <!-- 这是请求api的写法 -->
            <!-- <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" V-for="iemt in newList" :key="iemt.id"> -->
                    <!-- 点击的每个页面 都赋值一个ID值 来替代路由跳转的路径
                     '/home/newsinfo' +item.id  因为item.id是字符串拼接 所以前面必须添加单引号-->
					<!-- <router-link to="'/home/newsinfo' +item.id">
						<img class="mui-media-object mui-pull-left" 
                        src="item.img_url">
						<div class="mui-media-body">
							{{ item.title }}
							<p class='mui-ellipsis'>
                                <span>{{ item.add_time | dateFormat}}</span>
                                <span>{{ item.click }}</span>
                            </p>
						</div>
					</router-link>
				</li>
            </ul> -->




        <ul class="mui-table-view">               
                <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

                 <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

                 <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

                 <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

                 <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

                 <li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfo/1">
						<img class="mui-media-object mui-pull-left" 
                        src="http://tb.himg.baidu.com/sys/portrait/item/b33d6868646a636a6b646a6d4942">
						<div class="mui-media-body">
							假数据
							<p class='mui-ellipsis'>
                                <span>发表时间: {{ dt | dateFormat}}</span>
                                <span>点击了：？ 次</span>
                            </p>
						</div>
					</router-link>
				</li>

               
			</ul>

    </div>
</template>

<script>
//  import { Toast } from 'mint-ui'

export default {
    
    data(){ //存放数据
        return{
            dt: new Date(),
            newList:[   //新闻列表

            ] 
        }
    },
    created(){
        // this.getNew()
    },
    methdos:{
        getNew(){
             // this.$http.jsonp("api/getlunbo").then(result => {
            //     if(result.body.status === 0){
                //没有失败  把数据保存在 data上的数组
            //         this.newList = result.body.message;
            //     }else{

            //         Toast("加载轮播失败")
            //     }
            // })
        }
    }
}
</script>

<style lang="scss" scoped>
    .mui-table-view{
        li{
            h1{
                font-size: 15px;
            }

        }

        .mui-ellipsis{
            font-size: 12px;
            color: #226aff;
            display: flex;
            // 主轴 显示
            justify-content: space-between;
        }
    }
</style>